{% extends 'layout.html' %}

{% block content %}
        <div class="container">
            <div style="margin-bottom: 10px" class="clearfix">
                <a class="btn btn-success" href="/admin/add">
                    <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
                    新建管理员(form)
                </a>
                <div style="float: right;width: 300px;">
                    <form method="get">
                        <div class="input-group">
                            <input type="text" class="form-control" name="username" placeholder="用户名" value="{{ cearch_data }}">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="submit">搜索</button>
                            </span>
                        </div>
                    </form>

                </div>
            </div>
            <div class="panel panel-default">
            <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
            <div class="panel-heading">管理员列表</div>
            <table class="table table-bordered">
            <thead>
              <tr>
                  <th>ID</th>
                  <th>用户名</th>
                  <th>密码</th>
                  <th>操作</th>
              </tr>
            </thead>
            <tbody>
                {% for obj in  data_list %}
                  <tr>
                      <td>{{ obj.id }}</td>
                      <td>{{ obj.username }}</td>
                      <td>*****</td>
                    <td>
                        <a class="btn btn-primary btn-xs" href="/pretty/{{ obj.id }}/edit">编辑</a>
                        <a class="btn btn-danger btn-xs" href="/pretty/{{ obj.id }}/delete">删除</a>
                    </td>
                  </tr>
                {% endfor %}
            </tbody>
            </table>
            </div>
             <div class="clearfix">
                <ul class="pagination">
                    {{ page_string }}
                </ul>
            </div>

        </div>


{% endblock %}